<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>用户详情</title>
    <meta charset="UTF-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" href="../static/css/bootstrap.min.css" >
</head>
<body>
    <div class="container" style="max-width: 700px;" >
        <h2 class="page-header" style="margin-top: 50px;">用户详情</h2>
        <div class="well">
            <p><strong>用户名</strong><span th:text="${user.name}">张三</span></p>
            <p><strong>密码</strong><span th:text="${user.passwd}">123456</span></p>
            <p><strong>年纪</strong><span th:text="${user.age}">14</span></p>

            <!--<p th:switch="*{status}">-->
            <!--<strong>状态：</strong>-->
            <!--<span th:case="0">想读</span>-->
            <!--<span th:case="1">在读</span>-->
            <!--<span th:case="2">已读</span>-->
            <!--</p>-->

            <a href="javascript:history.go(-1)" class="btn btn-default">返回</a>
        </div>

        <!--<div class="alert alert-success" th:unless="*{status == 0}">-->
        <!--<strong>不错</strong>，你已经开始行动啦-->
        <!--</div>-->
        <!--<div class="alert alert-warning" th:if="*{status == 0}">-->
        <!--<strong>注意</strong>，你还没开始行动-->
        <!--</div>-->
    </div>


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script th:src="@{/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js"></script>


</body>
</html>